<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templatePersonaAdministrada.xhtml">
	<ui:define name="body">
		<h:form id="formFindProcess">
			<br />

			<table width="90%" align="center" border="0">
				<tr>
					<td
						style="background: #F9B140 url('imagenes/reglaParte2.png'); width: 30%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;">
						<font color="#494949" face="Calibri" size="4"
						style="font-weight: bold;"> Paso 1<br /> Buscar Servicio
					</font>
					</td>
					<td
						style="background: #F5DDA6 url('imagenes/reglaParte1.png'); width: 30%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;">
						<font color="#494949" face="Calibri" size="4"
						style="font-weight: bold;"> Paso 2<br /> Verificar Detalle Servcio
					</font>
					</td>
					<td
						style="background: #F5DDA6 url('imagenes/reglaParte1.png'); width: 30%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;">
						<font color="#494949" face="Calibri" size="4"
						style="font-weight: bold;"> Paso 3<br /> Enviar Servicio
					</font>
					</td>
				</tr>
			</table>

			<br />


			<div>
				<p:panel header="Búsqueda de servicios" widgetVar="10"
					style="border: 0;">
					<br />
					<div align="center">
						<h:panelGrid columns="9" cellpadding="5">
							<h:outputText value="Buscar servicio por nombre: " />
							<h:inputText value="#{procesoBM.strBusqueda}" size="35" />

							<h:outputText value="y/o área:" />
							<h:selectOneListbox value="#{procesoBM.idComboAreas}" size="1"
								style="width:350px">
								<f:selectItem itemValue="-1"
									itemLabel="-- Seleccione un área de la entidad --" />
								<f:selectItems value="#{procesoBM.listarAreas}" />
							</h:selectOneListbox>

							<p:commandButton title="Empezar la búsqueda"
								id="btnBuscarResultFindProcess"
								actionListener="#{procesoBM.resultfindProcess}"
								update="formFindProcess:resultBusqueda msjA"
								style="background: url('images/botton/search.png') no-repeat;
												background-position: center bottom; width: 29px; 
												height: 29px; border:0" />
						</h:panelGrid>
					</div>
					<br />
					<p:dataTable var="p" value="#{procesoBM.lstProceso}"
						emptyMessage=" " id="resultBusqueda">

						<p:column>
							<f:facet name="header">
								<h:outputText value="Nombre del servicio" />
							</f:facet>
							<h:outputText value="#{p.nombreProceso}" />
						</p:column>

						<p:column>
							<f:facet name="header">
								<h:outputText value="Unidad de Gestión" />
							</f:facet>
							<h:outputText value="#{p.tbArea.descripcion}" />
						</p:column>


						<p:column>
							<f:facet name="header">
								<h:outputText value="Tipo" />
							</f:facet>
							<h:outputText value="#{p.tipoProceso}" />
						</p:column>

						<p:column style="text-align: center;"
							headerText="Tiempo de Atención">
							<h:outputText value="#{p.duracion} dias" />
						</p:column>
						<p:column style="text-align: center;" headerText="Costo S/.">
							<h:outputText value="#{p.costo}" />
						</p:column>
						<p:column id="direccionamiento_requisito"
							style="text-align: center;" headerText="Ver requisitos">

							<h:commandLink action="#{procesoBM.buscarProcesoDetalle}"
								title="Buscar">
								<f:param name="codProceso" value="#{p.idProceso}"
									id="codProceso" />
								<h:graphicImage url="images/botton/buscarProceso.png"
									title="Ver detalle del Proceso" style="border:0" />
							</h:commandLink>

						</p:column>
					</p:dataTable>
					<br />
					<br />



				</p:panel>
			</div>
		</h:form>
	</ui:define>
</ui:composition>